<!--<div class="transformer">
  <div class="top">
    <div class="img"></div>
    <p class="name">{{deviceName}}</p>
  </div>
  <div class="bottom">
    <p>{{GridMerPower | number:'1.1-2'}} kW</p>
    <p>{{GriReaPower | number:'1.1-2'}}  kVar</p>
    <p>{{powerDay | number:'1.1-2'}}  kWh</p>
  </div>
</div>-->

<div class="transformer">
  <div class="top">
    <div class="img"></div>
    <div class="name">{{deviceName}}</div>
  </div>
  <div class="bottom">
    <div class="left">
      <p><a title="有功功率1：{{griPower | number:'1.1-2'}}kW">{{griPower | number:'1.1-2'}} kW</a></p> 
      <p><a title="无功功率1：{{GriReaPower | number:'1.1-2'}}kVar">{{GriReaPower | number:'1.1-2'}} kVAR</a></p>     
    </div>
    <i class="centter"></i>
    <div class="right">
      <p><a title="电流1：{{GriCurA | number:'1.1-2'}}V">{{GriCurA | number:'1.1-2'}} A</a></p>
      <p><a title="电压1：{{GriVolA | number:'1.1-2'}}V">{{GriVolA | number:'1.1-2'}} V</a></p>
    </div>

  </div>
</div>